Nessa aula, iniciamos um módulo crucial do nosso curso, onde o foco é a criação de todos os componentes do nosso Design System. Ao final deste módulo, vocês estarão aptos a receber o certificado do curso (mas isso não significa que o curso acabou). A intenção é que, após criarmos um Design System piloto, possamos avançar para os módulos extras e aplicar o que aprendemos em projetos reais, começando com um chatbot de Inteligência Artificial. Veja o conteúdo dessa aula:
- Sobre a Criação de Componentes: A partir de agora, vamos desenvolver cada componente do nosso Design System detalhadamente, considerando sua anatomia e estrutura lógica, incluindo também o uso das variáveis e os modos de cores.
- Uso Avançado do Figma: Vamos explorar recursos avançados do Figma, como Auto Layout, para que vocês se tornem especialistas nessa funcionalidade até o final do módulo.
- Organização e Coerência: Será disponibilizado o template do Design System para garantir que mantenhamos uma estrutura organizada e coerente, incluindo cores, tipografia e modos de uso.
- Acesso a Ícones da Streamline: Graças à nossa parceria com a Streamline, vocês terão acesso a uma vasta coleção de ícones, o que permitirá maior flexibilidade e personalização do Design System.
- Integração de Ilustrações Exclusivas: Vamos adicionar ilustrações exclusivas para enriquecer a aparência do nosso Design System, cobrindo fundamentos e os nossos componentes também.
- Conceitos de Slot Component e Container: Abordaremos conceitos atuais da indústria, ensinando como criar componentes mais complexos e flexíveis.
- Documentação no Figma: A cada aula, ao criar um novo componente, também desenvolveremos sua documentação, garantindo que o Design System seja de fácil acesso e bem indexado no Figma.
- Publicação do Design System Piloto: Ao final do módulo, faremos uma revisão final e publicaremos o Design System piloto, momento em que vocês poderão obter o certificado.
- Módulos Extras e Projetos Futuros: Após a conclusão deste módulo, teremos módulos adicionais para aplicar nossos componentes em projetos reais, começando com um chatbot de IA, e expandindo para outros projetos que enriquecerão seu portfólio.
A aula de hoje é apenas o começo de uma jornada empolgante. Vamos mergulhar no nosso template e, passo a passo, construir os componentes e a iconografia necessários para, ao final do módulo, termos um Design System piloto pronto para ser publicado.